Soy nuevo en React y estoy creando un formulario siguiendo un tutorial de Internet, pero justo al principio me encontré con este error: Error de sintaxis: Token inesperado, esperado "{" (8:16)
Este es mi código:
import React from 'react'; import './App.css'; import Form from './components/Form.js'; const handleSubmit = values => alert(JSON.stringify(values)); const initialValues = {} function App() =>( <div> <Form handleSubmit={handleSubmit} initialValues={initialValues} /> </div> ) export default App;Su función debe ser una función de flecha:
const App = () => ( <div> <Form handleSubmit={handleSubmit} initialValues={initialValues} /> </div> ); o una función normal con un return :
function App() { return ( <div> <Form handleSubmit={handleSubmit} initialValues={initialValues} /> </div> ); }Más sobre funciones aquí .
Además, puede pasar los corchetes después de la aplicación si la función tiene un parámetro.
const App = parameterA => ( <div> <Form handleSubmit={handleSubmit} initialValues={initialValues} /> </div> );